/*Css Rest*/
html { overflow-x: hidden }
body { width: 100%; overflow: -Scroll; overflow-x: hidden; background: #f7f7f7 }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Tahoma, arial, \5b8b\4f53, \5FAE\8F6F\96C5\9ED1; font-family: \5FAE\8F6F\96C5\9ED1; color: #494949; }
/*  font: 12px/1.5 tahoma,arial,"STHeiti",Hei,"WenQuanYi Micro Hei",宋体,sans-serif;*/

input { font-family: Tahoma; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3, h4, h5, h6 { font-size: 14px; }
ul, ol { list-style: none; }
a { text-decoration: none; cursor: pointer; }
    a:hover { text-decoration: none; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.input-in { border: 1px solid #68ACFF; outline: 1px solid aqua; font-family: Tahoma; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
    a:hover { text-decoration: none; }
    a:link, a:visited { color: #494949; }
.white, .white a, .white a:link, .white a:visited { color: #fff; }
.color1, .color1 a, .color1 a:link, .color1 a:visited { color: #585858; }
.color2, .color2 a, .color2 a:link, .color2 a:visited { color: #cacccc; }
.color3, .color3 a, .color3 a:link, .color3 a:visited { color: #40620c; }

.red { color: #c60000; }
.cle { clear: both; }
.hide { display: none; }
.left { float: left; }
.right { float: right; }
.noBg { background: none !important; }
.h20 { height: 20px; }
.btn { border: none; cursor: pointer; }
/*通用布局样式*/

/*头部
html{background:#fff url(../images/load.gif) center center no-repeat;}
body{display:none;}*/
#header { width: 100%; height: 119px; /*background:url(../images/topbg.jpg) repeat-x;*/ position: relative; }
.header { width: 1000px; margin: 0 auto; height: 119px; position: relative }
#logo { float: left; width: 360px; padding-left: 6px; position: relative; display: block; height: 97px; background: }
    #logo a { display: block; width: 183px; height: 80px; margin-top: 17px; position: relative; }
    #logo span { font-size: 14px; left: 196px; position: absolute; top: 64px; }
.logo_gif { position: absolute; top: 0; left: 0; }
.tel { float: left; width: 237px; height: 60px; position: absolute; right: 0px; top: 35px; z-index: 66; color: #ff0000; font-size: 14px; background: url(../images/tel.png) no-repeat }


/*clear float*/
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
/* Hides from IE-mac \*/
* html .fix { height: 1%; }
.fix { display: block; }


#nav { background: url(../images/nav_bg.png); height: 52px; width: 100%; margin: 0px; }
.nav_link a.on, .nav_link a.on:hover { background: url(../images/nav.png) bottom center no-repeat !important; padding: 0px 10px }
.nav_link { width: 985px; margin: 0 auto; background: url(../images/nav_r.png) right 2px no-repeat; }
    .nav_link li { float: left; }
    .nav_link a { float: left; width: 96px; height: 38px; line-height: 38px; text-align: center; margin-top: 7px; font-size: 13px; color: #dddddd; font-weight: bold; padding: 0px 10px }
        .nav_link a:hover { background: url(../images/nav.png) bottom center no-repeat; }


/*首页banner*/

#banner_index { width: 100%; height: 389px; background: url(../images/banner_index_bg.png) repeat-x; }
.banner { width: 100%; height: 374px; margin: 0 auto; background: url(../images/banner_bg.png) top center no-repeat; padding-top: 15px; }
    .banner .tuo_focus_fade { width: 985px; height: 374px; position: relative; overflow: hidden; margin: 0 auto; }
    .banner .tuo_focus_pic { width: 985px; height: 335px; position: relative; overflow: hidden; }
        .banner .tuo_focus_pic li { position: absolute; top: 0; left: 0; }
            .banner .tuo_focus_pic li img { width: 985px; height: 335px; }
    .banner .tuo_focus_fade .preNext { display: none; width: 22px; height: 59px; position: absolute; top: 150px; cursor: pointer; }
    .banner .tuo_focus_fade .pre { background: url(../images/left_btn.png) no-repeat; left: 8px; }
    .banner .tuo_focus_fade .next { background: url(../images/right_btn.png) no-repeat; right: 8px; }
    .banner .tuo_focus_fade .btn { width: 100%; height: 12px; text-align: center; position: absolute; bottom: 4px; left: 46%; }
        .banner .tuo_focus_fade .btn span { width: 11px; height: 11px; display: block; float: left; margin: 0 3px; cursor: pointer; overflow: hidden; background: url(../images/sprit_small.png) 0 -44px no-repeat; }
            .banner .tuo_focus_fade .btn span.current_btn { background: url(../images/sprit_small.png) 0 -30px no-repeat !important; }
#main_index { background: #f7f7f7 url(../images/mian_index_bg.png) bottom repeat-x; overflow: hidden; }
/*我们做什么*/

.do_list_wraper { margin: 20px 0 0 20px; overflow: hidden; }
#do { width: 984px; height: 241px; margin: 0 auto; background: url(../images/bg1.jpg) no-repeat; overflow: hidden; }
.top { width: 100%; height: 32px; line-height: 32px; position: relative; }
    .top h2 { font-weight: 500; font-size: 18px; text-indent: 15px; }
.more { display: block; width: 30px; height: 20px; background: url(../images/sprit_small.png) 0 -60px no-repeat; }
.top .more { position: absolute; top: 7px; right: 10px; }
.do_list { width: 292px; height: 81px; float: left; position: relative; overflow: hidden; margin-right: 22px; cursor: pointer; }
    .do_list.hover dt { /*color:#ff7e00;*/ }
    .do_list dd, .do_list dt { padding-left: 88px; }
    .do_list dt { font-size: 18px; margin-top: 18px; }
    .do_list dd { font-size: 13px; color: #a7a6a6; }
.i_img { background: url(../images/sprit-index1.png) no-repeat; display: block; position: absolute; top: 10px; left: 10px; width: 70px; height: 80px; padding: 0 !important; }
    .i_img div { display: none; width: 100%; height: 100%; background: url(../images/sprit-index1.png) no-repeat; }
#i_1 .i_img { background-position: -24px -6px; }
#i_2 .i_img { background-position: -344px -4px; left: 14px; }
#i_3 .i_img { background-position: -668px -4px; }
#i_4 .i_img { background-position: -12px -98px; left: 2px; }
#i_5 .i_img { background-position: -346px -94px; left: 16px; }
#i_6 .i_img { background-position: -672px -94px; left: 15px; }
#i_1 .i_img div { background-position: -24px -228px; }
#i_2 .i_img div { background-position: -344px -226px; }
#i_3 .i_img div { background-position: -668px -226px; }
#i_4 .i_img div { background-position: -12px -320px; }
#i_5 .i_img div { background-position: -346px -316px; }
#i_6 .i_img div { background-position: -672px -316px; }
/*我们的作品*/

#case { width: 1000px; margin: 0 auto; margin-top: 12px; overflow: hidden; }
    #case .top { margin-bottom: 20px; }
        #case .top h2 { text-indent: 22px; }
.case_list { width: 317px; height: 214px; /*background:url(../images/sprit_big.png) 0 -305px no-repeat;*/ background: url(../images/sprit_big.png) 0 -85px no-repeat; display: block; position: relative; cursor: pointer; _display: inline; overflow: hidden; }
.case_list_wrap { width: 317px; height: 214px; float: left; margin-right: 20px; position: relative; left: 4px; background: url(../images/bg_case_f.png) 0 158px no-repeat; }
.case_list dt, .case_list dd { width: 272px; height: 148px; position: absolute; top: 22px; left: 22px; z-index: 1; }
    .case_list dt img { width: 272px; }
    .case_list dd.bg { background: url(../images/sprit_big.png) -328px 0 no-repeat; z-index: 2; }
.btn_gallery { width: 59px; height: 59px; display: block; position: absolute; top: 43px; }
a.btn_gallery_1 { background: url(../images/sprit_big.png) -625px 0 no-repeat; }
/*a.btn_gallery_1:hover{background:url(../images/sprit_big.png) -614px -96px no-repeat;}
*/

a.btn_gallery_2 { right: 74px; background: url(../images/sprit_big.png) -700px 0 no-repeat; }
/*a.btn_gallery_2:hover{background:url(../images/sprit_big.png) -468px -43px no-repeat;}
.case_list.current{background:url(../images/sprit_big.png) 0 -305px no-repeat;}
*/

.list_wraper { width: 1100px; min-height: 300px; _height: 300px; }
.botom_linklist { width: 338px; float: left; background: url(../images/line_bottom.png) 0 66px no-repeat; }
#botom_linklist_wrap { width: 1060px; position: relative; background: url(../images/line_bottom.png) 980px 66px no-repeat; }
.botom_linklist .top { height: 66px; }
    .botom_linklist .top h3 { display: block; height: 66px; line-height: 66px; font-size: 18px; font-weight: 500; padding-left: 64px; /*no-repeat;*/ }
    .botom_linklist .top .more { top: 28px; right: 28px; }
#col_1 .top h3 { background: url(../images/sprit_small.png) 0 -562px no-repeat; }
#col_2 .top h3 { background: url(../images/sprit_small.png) 0 -636px no-repeat; }
#col_3 .top h3 { background: url(../images/sprit_small.png) 0 -706px no-repeat; }
.botom_linklist_hover h3 { /*color:#ff7e00*/ !important; }
#col_1 .botom_linklist_hover h3 { background-position: -144px -312px; }
#col_2 .botom_linklist_hover h3 { background-position: -144px -378px; }
#col_3 .botom_linklist_hover h3 { background-position: -144px -445px; }
.botom_linklist ul { width: 317px; padding-left: 14px; }
    .botom_linklist ul li, .botom_linklist ul li a { display: block; height: 23px; line-height: 23px; vertical-align: bottom; overflow: hidden; }
        .botom_linklist ul li a { padding-left: 30px; }
            .botom_linklist ul li a:link, .botom_linklist ul li a:visited { color: #9a9a9a }
            .botom_linklist ul li a:hover { color: #ff7e00 !important; }
        .botom_linklist ul li.line_1 { background: url(../images/sprit_small.png) -177px 3px no-repeat; }
            .botom_linklist ul li.line_1 a:hover { background: url(../images/sprit_small.png) -177px -150px no-repeat; }
        .botom_linklist ul li.line_2 { background: url(../images/sprit_small.png) -177px -20px no-repeat; }
            .botom_linklist ul li.line_2 a:hover { background: url(../images/sprit_small.png) -177px -173px no-repeat; }
        .botom_linklist ul li.line_3 { background: url(../images/sprit_small.png) -177px -43px no-repeat; }
            .botom_linklist ul li.line_3 a:hover { background: url(../images/sprit_small.png) -177px -196px no-repeat; }
        .botom_linklist ul li.line_4 { background: url(../images/sprit_small.png) -177px -66px no-repeat; }
            .botom_linklist ul li.line_4 a:hover { background: url(../images/sprit_small.png) -177px -219px no-repeat; }
        .botom_linklist ul li.line_5 { background: url(../images/sprit_small.png) -177px -89px no-repeat; }
            .botom_linklist ul li.line_5 a:hover { background: url(../images/sprit_small.png) -177px -242px no-repeat; }
        .botom_linklist ul li.line_6 { background: url(../images/sprit_small.png) -177px -112px no-repeat; }
            .botom_linklist ul li.line_6 a:hover { background: url(../images/sprit_small.png) -177px -265px no-repeat; }
/*客户列表*/

#customer { width: 984px; height: 74px; background: url(../images/sprit_big.png) 0 -542px no-repeat; margin: 0 auto; margin-top: 30px; position: relative; }
    #customer .tuo_focus_turn { width: 868px; height: 70px; position: absolute; top: 2px; left: 114px; }
    #customer .tuo_focus_turn_pic { width: 785px; margin: 0 auto; overflow: hidden; height: 70px; position: relative; }
        #customer .tuo_focus_turn_pic ul { position: relative; }
    #customer .tuo_focus_turn li { float: left; width: 785px; height: 70px; }
        #customer .tuo_focus_turn li dl { width: 154px; text-align: center; height: 70px; overflow: hidden; float: left; background: url(../images/line_cu.png) right center no-repeat; }
            #customer .tuo_focus_turn li dl dt { height: 70px; width: 153px; text-align: center; }
                #customer .tuo_focus_turn li dl dt img { display: block; margin: 0 auto; max-width: 152px; position: relative; }
    #customer .preNext { display: block; background: url(../images/kong.gif) repeat; width: 42px; height: 67px; position: absolute; top: 2px; cursor: pointer; }
    #customer .pre { left: 2px; }
    #customer .next { right: 2px; }
.g_title { font-weight: 600; font-size: 14px; width: 100%; position: absolute; text-align: center; top: 110px; left: 0; }
/*底部*/

.colorBox { background: url(../images/header_bg.png) 0 -2px repeat-x; height: 12px; overflow: hidden; width: 100%; }
#footer { width: 100%; height: 235px; background: #565f81; }
.footer { width: 982px; height: 235px; position: relative; margin: 0 auto; display: block; }
    .footer h3.white { padding: 40px 0 0 10px; width: 360px; font-weight: 500; font-size: 16px; color: #e8eaec }
.footer_connect { position: absolute; top: 45px; color: #dddddd; line-height: 24px; text-align: center; width: 982px; }
    .footer_connect a { color: #828d9a; }
    .footer_connect span { font-size: 16px; margin-right: 10px; font-family: \5FAE\8F6F\96C5\9ED1; }
.footer_hotline { position: absolute; top: 40px; font-size: 16px; left: 760px; color: #e5fbff; }
.footer_nav { position: absolute; top: 10px; left: 8px; text-align: center; width: 982px; overflow: hidden }
    .footer_nav a { line-height: 25px; width: 73px; height: 25px; text-align: center; color: #828d9a !important; padding: 10px; }
.footer_nav { margin-right: 2px; vertical-align: bottom; overflow: hidden; border-bottom: 1px dashed #999999 }
    .footer_nav a:hover { color: #c2cad2 !important; }
.footer_share { position: absolute; top: 200px; left: 770px; color: #828D9A; }
.footer_logo { width: 212px; _width: 211px; height: 110px; background: url(../images/sprit_big.png) -779px -382px no-repeat; position: absolute; top: 79px; right: 10px; }
.noBg { background: none; }
.footer h3.hover_footer { color: #ff7e00; }
.hover_footer { color: #ff7e00 !important; }
/*颜色条*/

.color_box { width: 100%; height: 12px; overflow: hidden; background: #981767; }
.color_item { height: 12px; overflow: hidden; float: left; cursor: pointer; }
#c_1 { position: absolute; bottom: 0; _bottom: -1px; left: 0; border-bottom: 1px #fff solid; }
#c_2 { border-top: 1px #fff solid; }
.showBox { position: absolute; z-index: 10000; width: 50px; height: 50px; display: none; }
.footer_connect font { font-family: SimSun; font-size: 12px; }
.f_1 { }
.f_2 { }
.f_3 { }
.f_4 { }
/*漂浮的右侧按钮*/

#floatBtn { position: absolute; width: 78px; }
    #floatBtn a { float: left; background: url(../images/sprit_big.png) no-repeat -774px 0; width: 56px; height: 56px; margin-bottom: 3px; overflow: hidden; color: #fff; text-align: center; line-height: 90px; }
        #floatBtn a.b2 { background-position: -832px 0; }
        #floatBtn a.b3 { background-position: -890px 0; }
        #floatBtn a.b1:hover { background-position: -774px -56px; }
        #floatBtn a.b2:hover { background-position: -832px -56px; }
        #floatBtn a.b3:hover { background-position: -890px -56px; }
        #floatBtn a.qq { background: url(../images/qq.gif) no-repeat; margin-bottom: 200px; width: 78px; height: 95px; }

.links { width: 980px; overflow: hidden; position: relative; top: 120px; line-height: 24px; overflow: hidden; text-align: center }
    .links a { padding: 5px; color: #828d9a }
        .links a:hover { color: #fa8100 }